html{

    background-color: white;
}


.container{

    position:absolute;
    background-color: lightgrey;
    width: 800px;
    height: 560px;
    border: 10px solid grey;
    padding: 30px;
    margin: 25px;
    

}

canvas{

    border:1px solid #c3c3c3;
    


}

.sketchHolder{

    position:absolute;
    background-color:black;
    width: 300px;
    height: 150px;
    border: 2px solid grey;
    padding: 30px;
    margin: 25px;
    top:0px;



}

.box{

    position:absolute;
    background-color:lightgrey;
    width: 300px;
    height: 150px;
    border: 2px solid grey;
    padding: 30px;
    margin: 25px;
    top:0px;
}

.box2{

    position:absolute;
    background-color: lightgrey;
    width: 300px;
    height: 150px;
    border: 2px solid grey;
    padding: 30px;
    margin: 25px;
    left:400px;
    top:0px; 
    


}


.box3{


    position:absolute;
    background-color: lightgrey;
    width: 300px;
    height: 300px;
    border: 2px solid grey;
    padding: 30px;
    margin: 25px;
    top:225px;


}

.box4{

    position:absolute;
    background-color: white;
    width: 300px;
    height:300px;
    border: 2px solid grey;
    padding: 30px;
    margin: 25px;
    left:400px;
    top:225px; 
    
    

}